<!--
 *                        _oo0oo_
 *                       o8888888o
 *                       88" . "88
 *                       (| -_- |)
 *                       0\  =  /0
 *                     ___/`---'\___
 *                   .' \\|     |// '.
 *                  / \\|||  :  |||// \
 *                 / _||||| -:- |||||- \
 *                |   | \\\  - /// |   |
 *                | \_|  ''\---/''  |_/ |
 *                \  .-\__  '-'  ___/-. /
 *              ___'. .'  /--.--\  `. .'___
 *           ."" '<  `.___\_<|>_/___.' >' "".
 *          | | :  `- \`.;`\ _ /`;.`/ - ` : | |
 *          \  \ `_.   \_ __\ /__ _/   .-` /  /
 *      =====`-.____`.___ \_____/___.-`___.-'=====
 *                        `=---='
 * 
 * 
 *      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * 
 *                佛祖保佑         永无BUG
 -->

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="../css/关于我们.css">
  <link rel="stylesheet" href="../css/导航栏.css">
  <link rel="stylesheet" href="../css/登录窗口.css">
  <link rel="stylesheet" href="../font/iconfont.css">
  <link rel="shortcut icon" href="../js/标题.ico">
  <title>小红书-关于我们</title>
</head>

<body>
  <!-- 登录页 -->
  <div class="big">
    <div class="zc">
      <!-- 遮罩层 -->
      <i class="reds-mask"></i>
      <div class="login-container">
        <!-- 关闭 -->
        <div class="gb">×</div>
        <!-- 左边 -->
        <div class="left">
          <!-- logo -->
          <img src="../images/zc1.png" alt="" class="logo">
          <div class="qrcode">
            <img src="../images/zc2.png" alt="" class="qrcode-img">
            <img src="../images/zc3.png" alt="" class="icon">
          </div>
          <img src="../images/zc4.png" alt="" class="tip">
        </div>
        <!-- 右边 -->
        <div class="right">
          <!-- 标题 -->
          <div class="title">验证码登录</div>
          <!-- input框 -->
          <div class="input-container">
            <label class="phone">
              <span class="country-code">
                +86
              </span>
              <input type="text" placeholder="输入手机号" class="tel" maxlength="11"
                onkeyup="this.value=this.value.replace(/^(0+)|[^\d]+/g,'')">
              <div>
                <i class="iconfont icon-chacha" style="color: #d6d6d6;"></i>
              </div>
            </label>
            <div class="err-msg"></div>
            <label class="auth-code">
              <input type="text" placeholder="输入验证码" class="num" maxlength="6"
                onkeyup="this.value=this.value.replace(/^(0+)|[^\d]+/g,'')">
              <span class="code-button">发送验证码</span>
            </label>
            <div class="err-msg"></div>
            <button class="submit">登录</button>
          </div>
          <!-- 用户协议 -->
          <div class="agreements">
            <div class="danxuan" style="width: 14px; height: 14px;">
              <i class="iconfont icon-duigouxiao" style="opacity: 0;"></i>
            </div>
            <div class="tooltip">
              <i></i>
              <span>请阅读并勾选隐私协议</span>
            </div>
            <label for="">我已阅读并同意</label>
            <a href="https://agree.xiaohongshu.com/h5/terms/ZXXY20220331001/-1">《用户协议》</a>
            <a href="https://agree.xiaohongshu.com/h5/terms/ZXXY20220509001/-1">《隐私政策》</a>
            <a href="https://oa.xiaohongshu.com/h5/terms/ZXXY20220516001/-1">《儿童/青少年个人信息保护规则》</a>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- 头部导航栏 -->
  <div class="header">
    <!-- logo区域 -->
    <img src="../js/logo.png" alt="" class="logo">
    <div class="k"></div>
    <!-- 导航区域 -->
    <ul class="daoH">
      <li><a href="../HTML/index.html">首页</a></li>
      <li><a href="../HTML/faxian.html">发现</a></li>
      <li><a href="../HTML/专业号平台.html" class="a">业务合作</a></li>
      <li><a href="../HTML/创作者中心.html" class="b">创作者服务</a></li>
      <li><a href="../HTML/cy.html">新闻中心</a></li>
      <li><a href="../HTML/关于我们.html">关于我们</a></li>
      <li><a href="#">社会责任</a></li>
      <li><a href="#">加入我们</a></li>
      <li><a href="#">中文</a></li>
    </ul>
    <!-- 业务合作 -->
    <ul class="business">
      <li><a href="#">专业号</a></li>
      <li><a href="#">推广合作</a></li>
      <li><a href="">蒲公英</a></li>
      <li><a href="">商家入驻</a></li>
      <li><a href="">MCN入驻</a></li>
    </ul>

    <!-- 创作者服务 -->
    <ul class="serve">
      <li><a href="#">数据查看</a></li>
      <li><a href="">数据上传</a></li>
      <li><a href="">电脑直播</a></li>
      <li><a href="">直播管理</a></li>
    </ul>
    <!-- 登录区域 -->
    <div class="dengLu">
      <i><img src="../js/登录.png" alt="" class="deng"></i>
      <img src="../js/未登录.png" alt="" class="wei">
    </div>
  </div>
  <!-- 主体内容 -->
  <div id="app">
    <div class="oneBanner" style="background-image:url(../css/关于我们图片/顶部.jfif);">
      <div class="inner" style="background-color:rgba(0, 0, 0, 0.5);"></div>
      <span class="title">关于我们</span>
    </div>
    <div class="content">
      <!-- 什么是小红书 -->
      <div class="introduction">
        <span class="title">什么是小红书</span>
        <span class="chinese ">
          <p class="description">小红书是年轻人的生活方式平台，由毛文超和瞿芳于2013年在上海创立。小红书以“Inspire Lives
            分享和发现世界的精彩”为使命，用户可以通过短视频、图文等形式记录生活点滴，分享生活方式，并基于兴趣形成互动。截至到2019年10月，小红书月活跃用户数已经过亿，其中70%用户是90后，并持续快速增长。</p>
        </span>
        <div class="container">
          <div class="card-wrapper">
            <div class="img-card">
              <div class="card-front" style="background-image:url(../css/关于我们图片/中间1.jfif);">
                <div class="mask-front">
                  <span class="index">01</span>
                  <span class="tab">社区</span>
                </div>
              </div>
              <div class="card-back">
                <div class="mask-back">
                  <span class="index">01</span>
                  <span class="tab">社区</span>
                  <span class="line"></span>
                  <span
                    class="chinese description">小红书社区目前内容覆盖时尚、个护、彩妆、美食、旅行、娱乐、读书、健身、母婴等各个生活方式领域，每天产生超过70亿次的笔记曝光，其中超过95%为UGC内容</span>
                </div>
              </div>
            </div>
          </div>

          <div class="card-wrapper">
            <div class="img-card">
              <div class="card-front" style="background-image:url(../css/关于我们图片/中间2.jfif);">
                <div class="mask-front">
                  <span class="index">02</span>
                  <span class="tab">企业号</span>
                </div>
              </div>
              <div class="card-back">
                <div class="mask-back">
                  <span class="index">01</span>
                  <span class="tab">社区</span>
                  <span class="line"></span>
                  <span
                    class="chinese description">小红书社区目前内容覆盖时尚、个护、彩妆、美食、旅行、娱乐、读书、健身、母婴等各个生活方式领域，每天产生超过70亿次的笔记曝光，其中超过95%为UGC内容</span>
                </div>
              </div>
            </div>
          </div>

          <div class="card-wrapper">
            <div class="img-card">
              <div class="card-front" style="background-image:url(../css/关于我们图片/中间3.jfif);">
                <div class="mask-front">
                  <span class="index">03</span>
                  <span class="tab">福利社</span>
                </div>
              </div>
              <div class="card-back">
                <div class="mask-back">
                  <span class="index">01</span>
                  <span class="tab">社区</span>
                  <span class="line"></span>
                  <span
                    class="chinese description">小红书社区目前内容覆盖时尚、个护、彩妆、美食、旅行、娱乐、读书、健身、母婴等各个生活方式领域，每天产生超过70亿次的笔记曝光，其中超过95%为UGC内容</span>
                </div>
              </div>
            </div>
          </div>

        </div>
        <div class="ambition-list">
          <p class="item">
            <span class="detail-wrapper">
              <span class="image-wrapper">
                <img class="image" src="../css/关于我们图片/icon1.png" alt="">
              </span>
              <span class="titles">使命</span>
              <span class="detail">Inspire Lives 分享和发现世界的精彩</span>
            </span>
            <span class="line"></span>
          </p>
          <p class="item">
            <span class="detail-wrapper">
              <span class="image-wrapper">
                <img class="image" src="../css/关于我们图片/icon2.png" alt="">
              </span>
              <span class="titles">愿景</span>
              <span class="detail">成为最受用户信任的互联网公司</span>
            </span>
            <span class="line"></span>
          </p>
          <p class="item">
            <span class="detail-wrapper">
              <span class="image-wrapper">
                <img class="image" src="../css/关于我们图片/icon3.png" alt="">
              </span>
              <span class="titles">企业价值观</span>
              <span class="detail">向上、走进用户、开放心态、务实、担当</span>
            </span>
          </p>
        </div>
      </div>
      <!-- 公司环境 -->
      <div class="context">
        <span class="title">公司环境</span>
        <div>
          <div class="office-list">
            <div class="office moren1">
              <span class="office-name">上海总部</span>
            </div>
            <div class="office">
              <span class="office-name">北京</span>
            </div>
            <div class="office">
              <span class="office-name">武汉</span>
            </div>
          </div>
          <div class="image-wrapper">
            <div class="image-list" style="background-image: url(../css/关于我们图片/上海图1.jfif);"></div>
            <div class="image-list" style="background-image: url(../css/关于我们图片/上海图2.jfif);"></div>
            <div class="image-list" style="background-image: url(../css/关于我们图片/上海图3.jfif);"></div>
          </div>
        </div>
      </div>
      <!-- 小红书发展史 -->
      <div class="growth">
        <span class="title">小红书发展史</span>
        <div class="event-wrapper">
          <div class="selector-wrapper">
            <div class="left arrow">
              <i>-</i>
            </div>
            <div class="selector ">2016</div>
            <div class="selector">2017</div>
            <div class="selector">2018</div>
            <div class="selector moren2">2019</div>
            <div class="right arrow">
              <i>></i>
            </div>
          </div>
          <div class="breaking-news">
            <h2 class="year">2019年大事件</h2>
            <div class="item-wrapper">
              <div class="each-item selected">
                <span class="month">1月</span>
                <span class="progress">
                  <span class="dot"></span>
                  <i class="line">
                    <i class="process"></i>
                  </i>
                </span>
                <span class="content hoverable">小红书用户突破2亿</span>
              </div>
              <div class="each-item ">
                <span class="month"></span>
                <span class="progress">
                  <span class="dot"></span>
                  <i class="line">
                    <i class="process"></i>
                  </i>
                </span>
                <span class="content hoverable">小红书上线品牌合作人平台</span>
              </div>
              <div class="each-item ">
                <span class="month">2月</span>
                <span class="progress">
                  <span class="dot"></span>
                  <i class="line">
                    <i class="process"></i>
                  </i>
                </span>
                <span class="content hoverable">小红书获评Fast Company中国最佳创新公司</span>
              </div>
              <div class="each-item ">
                <span class="month">3月</span>
                <span class="progress">
                  <span class="dot"></span>
                  <i class="line">
                    <i class="process"></i>
                  </i>
                </span>
                <span class="content hoverable">小红书创始人瞿芳出席女性圆桌论坛</span>
              </div>
              <div class="each-item ">
                <span class="month"></span>
                <span class="progress">
                  <span class="dot"></span>
                  <i class="line">
                    <i class="process"></i>
                  </i>
                </span>
                <span class="content hoverable">小红书正式上线品牌号功能</span>
              </div>
              <div class="each-item ">
                <span class="month">4月</span>
                <span class="progress">
                  <span class="dot"></span>
                  <i class="line">
                    <i class="process"></i>
                  </i>
                </span>
                <span class="content hoverable">小红书上榜领英最受职场人欢迎公司</span>
              </div>
              <div class="each-item ">
                <span class="month">7月</span>
                <span class="progress">
                  <span class="dot"></span>
                  <i class="line">
                    <i class="process"></i>
                  </i>
                </span>
                <span class="content hoverable">2019年7月，用户数突破3亿，月活突破1亿</span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 合作邮箱 -->
      <div class="cooperation">
        <span class="title">合作邮箱</span>
        <div class="mails">
          <span class="mail">
            <span class="mail-name">美妆</span>
            <span class="mail-mail">bd_beauty@xiaohongshu.com</span>
          </span>
          <span class="mail">
            <span class="mail-name">家居</span>
            <span class="mail-mail">bd_home@xiaohongshu.com</span>
          </span>
          <span class="mail">
            <span class="mail-name">母婴</span>
            <span class="mail-mail">bd_beauty@xiaohongshu.com</span>
          </span>
          <span class="mail">
            <span class="mail-name">食品/保健</span>
            <span class="mail-mail">bd_beauty@xiaohongshu.com</span>
          </span>
          <span class="mail">
            <span class="mail-name">时尚轻奢</span>
            <span class="mail-mail">bd_beauty@xiaohongshu.com</span>
          </span>
          <span class="mail">
            <span class="mail-name">家电数码</span>
            <span class="mail-mail">bd_home@xiaohongshu.com</span>
          </span>
          <span class="mail">
            <span class="mail-name">仓储物流</span>
            <span class="mail-mail">bd_beauty@xiaohongshu.com</span>
          </span>
          <span class="mail">
            <span class="mail-name">薯队长</span>
            <span class="mail-mail">bd_beauty@xiaohongshu.com</span>
          </span>
          <span class="mail">
            <span class="mail-name">人事/招聘</span>
            <span class="mail-mail">bd_beauty@xiaohongshu.com</span>
          </span>
          <span class="mail">
            <span class="mail-name">媒体/采访</span>
            <span class="mail-mail">bd_home@xiaohongshu.com</span>
          </span>
          <span class="mail">
            <span class="mail-name">市场/品牌</span>
            <span class="mail-mail">bd_beauty@xiaohongshu.com</span>
          </span>
          <span class="mail">
            <span class="mail-name">产品反馈</span>
            <span class="mail-mail">bd_beauty@xiaohongshu.com</span>
          </span>
          <span class="mail">
            <span class="mail-name">社区反馈</span>
            <span class="mail-mail">bd_beauty@xiaohongshu.com</span>
          </span>
          <span class="mail">
            <span class="mail-name">客服反馈</span>
            <span class="mail-mail">bd_home@xiaohongshu.com</span>
          </span>
          <span class="mail">
            <span class="mail-name">明星入驻</span>
            <span class="mail-mail">bd_beauty@xiaohongshu.com</span>
          </span>
          <span class="mail">
            <span class="mail-name">推广合作</span>
            <span class="mail-mail">bd_beauty@xiaohongshu.com</span>
          </span>
          <span class="mail">
            <span class="mail-name">蒲公英平台</span>
            <span class="mail-mail">bd_beauty@xiaohongshu.com</span>
          </span>
          <span class="mail">
            <span class="mail-name">品牌号</span>
            <span class="mail-mail">bd_home@xiaohongshu.com</span>
          </span>
          <span class="mail">
            <span class="mail-name">广告合作</span>
            <span class="mail-mail">bd_beauty@xiaohongshu.com</span>
          </span>
          <span class="mail">
            <span class="mail-name">廉正举报</span>
            <span class="mail-mail">bd_beauty@xiaohongshu.com</span>
          </span>
        </div>
      </div>
      <!-- 我们在这里 -->
      <div class="address">
        <div class="address-container">
          <div class="office-address-wrapper">
            <span class="title">我们在这里</span>
            <div class="office ">
              <span class="office-name">上海总部</span>
              <span class="office-address">上海市 黄浦区 马当路388号 SOHO复兴广场C座</span>
            </div>
            <div class="office">
              <span class="office-name">北京</span>
              <span class="office-address">北京市 朝阳区 安定路 中海国际B座18楼</span>
            </div>
            <div class="office">
              <span class="office-name">武汉</span>
              <span class="office-address">武汉市 光谷大道 现代光谷世贸中心B座10楼</span>
            </div>
          </div>
        </div>
      </div>
      <!-- 关心用户 -->
      <div class="ceo-mail-box">
        <span class="title">小红书关心每一位用户与合作伙伴的声音</span>
        <div class="paragraphs-container">
          <div class="paragraph">
            <p class="content">
              如您在小红书的使用或与小红书的合作中遇到难以解决的问题，以及任何对平台发展有益的意见及建议，欢迎您直接写信到CEO邮箱：<strong>ceo@xiaohongshu.com</strong>"。"</p>
          </div>
          <div class="paragraph">
            <p class="content">为了您的来信能够得到更高效的处理，请您在邮件中标注以下信息：
            <ul class="list">
              <li class="list-item">您的个人或工作单位信息（公司/品牌/部门/岗位/姓名 等）</li>
              <li class="list-item">您的联系方式（邮箱地址/直线电话 等）</li>
              <li class="list-item">相关问题、意见或建议的具体描述（背景/案例/各类支持性材料 等）</li>
            </ul>
            </p>
          </div>
        </div>
      </div>
      <!-- 更多方式 -->
      <div class="contact">
        <span class="title">更多方式关注小红书</span>
        <div>
          <div class="qrcode-group">
            <div class="qrcode">
              <img src="../css/关于我们图片/底1.png" alt="" class="image">
              <span class="description">下载小红书</span>
            </div>
            <div class="hoverable qrcode">
              <img src="../css/关于我们图片/底2.png" alt="" class="image">
              <span class="description">关注小红书微博</span>
            </div>
            <div class="qrcode">
              <img src="../css/关于我们图片/底3.png" alt="" class="image">
              <span class="description">关注微信公众号</span>
            </div>
            <div class="qrcode">
              <img src="../css/关于我们图片/底4.png" alt="" class="image">
              <span class="description">关注微信小程序</span>
            </div>
          </div>
        </div>
      </div>
      <!-- 底部 -->
      <div class="footer">
        <div class="top">
          <div class="navigation-bar-wrapper">
            <ul class="navigation-bar">
              <li class="navigation-item sign-up">用户协议</li>
              <li class="navigation-item sign-up">隐私政策</li>
              <li class="navigation-item sign-up">侵权投诉指引</li>
            </ul>
          </div>
        </div>
        <div class="bottom">
          <div class="info">
            <span class="line">
              <a href="">沪ICP备 13030189号 Copyright © 2014-2023 行吟信息科技（上海）有限公司</a>
              <span>| 地址：上海市黄浦区马当路388号C座</span>
              <span>| 电话：021-64224530</span>
              <span>
                "| "
                <a href="">营业执照</a>
              </span>
              <span>
                "| "
                <a href="">自营经营者信息</a>
              </span>
              <span>
                "| "
                <a href="">"2023 沪公网安备 31010102002533号"<i class="police"></i></a>
              </span>
            </span>
            </span>
            <span class="line">
              <a href="">网络文化经营许可证：沪网文［2021］1545-113号</a>
              "|"
              <a href="">增值电信业务经营许可证：沪B2-20150021</a>
            </span>
            <span class="line">
              <a href="">医疗器械经营许可证：沪嘉食药监械经营许20187006号</a>
              "|"
              <a href="">医疗器械网络交易服务第三方平台备案:（沪）网械平台备字[2019]第00006号</a>
              "|"
              <a href="">互联网药品信息服务资格证书：(沪)-经营性-2018-0011</a>
            </span>
            <span class="line">
              <a href="">违法不良信息举报电话：(027) 8700 3878</a>
              "|"
              <a href="">上海市互联网举报中心</a>
              "|"
              <a href="">网上有害信息举报专区</a>
            </span>
          </div>
        </div>
      </div>
      <!-- 侧边栏 -->
      <div class="smallewm">
      </div>
      <!-- 二维码 -->
      <div class="pp">
        <img src="../css/关于我们图片/底3.png" alt="" class="ewimg">
        <p class="title">扫我下载App</p>
      </div>
    </div>

  </div>
  <script src="../js/关于我们.js"></script>
  <script src="../js/index.js"></script>
  <script src="../js/登录窗口.js"></script>
</body>

</html>